View {
  box-sizing: border-box;
}
page {
  background-color: #fff;
}
.page {
  background-color: #f3f5f7;
  min-height: 100vh;
  overflow: hidden;
}
Button {
  &::after {
    border: none;
  }
  &[disabled]  {
    background: #dadce0 !important;
  }
  &[loading], &.btn-active {
    opacity: .7;
  }
  &[form-type=submit] {
    border-radius: 24Px;
    height: 48Px;
    line-height: 48Px;
    font-size: 16Px;
    color: #fff;
    margin-bottom: 10Px;
    background: #735bf6;
  }
}
.at-icon.at-icon-chevron-right {
  color: #9b9b9b;
}
.placeholder {
  color: #ccc;
}
.at-tabs {
  .at-tabs__item {
    color: #666;
    font-size: 16Px;
    .at-tabs__item-underline {
      background-color: #7159F6;
      height: 2Px;
    }
    &.at-tabs__item--active {
      color: #7159F6;
    }
  }
}
.at-activity-indicator {
  justify-content: center;
  padding: 10Px 0;
  font-size: 14Px;
}
.at-search-bar {
  z-index: 99;
}
.at-search-bar__action {
  background-color: #7159F6;
}
.search-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000;
  opacity: .3;
  top: 0;
  left: 0;
  z-index: 98;
}